<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript"> 
function clearText(field){
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>
<link src="index.css" rel="stylesheet" type="text/css"/>

<style>
.bdy
{
	background:url(../../../fpanel/images/sc.jpg);
}
#wrap{

	width:100%;
	float:left;
	position:relative;
}
#wrapheader{
	width:100%;
	height:auto;
	margin:0 auto;
		
}
#header
{
	width:980px;
	height:150px;
	margin:0 auto;

	
}
#logo
{
	width:214px;
	height:90px;
	float:left;
	padding:05px;
	margin-top:10px;
	margin-left:10px;
	
}
#wrapcontent
{
	width:100%;
	height:auto;
	margin:0 auto;
	
}
#content
{
	width:980px;
	height:auto;
	margin:0 auto;

	
}
#box1
{
	width:980px;
	height:auto;
	float:left;
	margin-top:15px;
}
#b2
{
	width:460px;
	height:auto;
	float:left;
	margin-bottom:80px;
	margin-left:205px;
}

td a{
	color:black;
	text-decoration:none;
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;}
td a:hover
{
	color:red;
}
th
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
}
 input{
	padding: 8px; 
		margin: 4px 0 20px 0; 
		background: #eee; 
		width: 170px; 
		font-size: 14px; 
		border: 1px #ddd solid;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-style:normal;
		color:#900;
		-moz-border-radius: 8px; 
		-webkit-border-radius:8px;
		border-radius: 8px; 
}
 input:hover { 
		background: #cfc4c3; 
	}
 input.submit { 	
		width: 80px; 
		color: #eee; 
		font-weight:900;
		text-transform: uppercase; 
		margin-top: 0px;
		background-color: #8e3d1c;
		border: none;
		
		
		-webkit-transition: -webkit-box-shadow 0.3s linear;
		
		
		-moz-border-radius: 5px; 
		-webkit-border-radius:5px;
		border-radius: 5px; 
						

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7a7c81), to(#7a7c81));
		background: -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc);		
	} 
 input.submit:hover { 	
	color:black;	
		-webkit-box-shadow: 0px 0px 10px #555;
		-moz-box-shadow: 0px 0px 10px #aaa; 
		box-shadow: 0px 0px 10px #555;	
		cursor:  pointer; 
	}


	
form.login { 
		float:right;
		padding: 0px 50px 00px 30px; 
		margin: 05px 05px 05px 0;
		width: 300px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		background:;
				
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px; 		
		
	
		background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#fff), to(#f7f7f7)); 
		background: -moz-linear-gradient(0% 40% 90deg,#FFF, #FFF); 
		

		-webkit-box-shadow:0px 0 10px #ccc;
		-moz-box-shadow:0px 0 10px #ccc; 
		box-shadow:0px 0 10px #ccc;		 		
	}
#ft
{
	width:100%;
	height:35px;
	float:left;
	background:#333;
}



#footer
{
	width:980px;
	height:35px;
	margin:0 auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:05px;
	background:;
}
#copy
{
	width:300px;
	height:20px;
	float:right;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-right:00px;
	margin-top:10px;
	font-style:normal;
}
#copy a
{
	color:#FFF;
	text-decoration:none;
}
#copy a:hover
{
	color:#68a4ff;
}
.err_msg
{
	position:relative;
	left:-165px;
	width:340px;
	border: 1px solid #CC0000;
	background-color: #FFEBE8;
	background-image: url("../../../fpanel/images/icons/cross.png");
    background-position: 5px 50%;
    background-repeat: no-repeat;
	border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px #FFFFFF inset;
    margin: 0em 0 20px 15em;
    padding: 10px 10px 10px 25px;
	font-weight:bold;
	
}
.st_msg
{
	position:relative;
	left:-165px;
	width:340px;
	border: 1px solid #E6DB55;
	background-color:#FFFFE0;
    background-position: 5px 50%;
    background-repeat: no-repeat;
    
	border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px #FFFFFF inset;
    margin: 0em 0 20px 15em;
    padding: 10px 10px 10px 25px;
	font-weight:bold;
	
}
</style>

<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=5138001; 
var sc_invisible=1; 
var sc_partition=58; 
var sc_click_stat=1; 
var sc_security="b3196b6b"; 
</script>

<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="wordpress blog stats"
href="http://www.statcounter.com/wordpress.com/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/5138001/0/b3196b6b/1/"
alt="wordpress blog stats" ></a></div></noscript>
<!-- End of StatCounter Code -->


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Login to Admin Panel5</title>

</head>
<body class="bdy">

<div id="wrap" ><!--wrap-->
<div id="wrapheader"><!--wrapheader-->
<div id="header"><!--header--><a href="http://rjsgroup.net"> <img src="<?php echo $admin_image_path?>home.jpg" align="right" /></a>
<div id="logo"><!--logo-->
<img src="<?php echo $admin_image_path?>logo.png" border="0" align="absbottom"/> 
</div><!--logo-->


</div><!--header-->

</div><!--wrapheader-->

<div id="wrapcontent"><!--wrapcontent-->
<div id="content"><!--content-->
<div id="box1"><!--box1-->
<div id="b2"><!--b2-->

<div id="b2" style="margin-top:30px;"><!--b2-->

<?php
if(!empty($err_msg))
{
	echo "<div class='err_msg'>".$err_msg."</div>";
}
if(!empty($st_msg))
{
	echo "<div class='st_msg'>".$st_msg."</div>";
}
?>
<form class="login" method="post" id="login_form">

<table align="center" cellpadding="05" cellspacing="05">

<th colspan="03"><img src="<?php echo $image_path?>login_ico.gif" border="0" align="absbottom"/> &nbsp;Member Login </th>
<tr><td><label for="name">Username</label></td><td>:</td>
<td><input type="text" onFocus="clearText(this)" onBlur="clearText(this)" name="ap_user"/> </td></tr>
<tr><td><label for="email">Password</label> </td><td>:</td>
<td><input type="password" name="ap_pwd" onFocus="clearText(this)" onBlur="clearText(this)"  /> </td></tr>
<tr><td colspan="3" align="right"><input type="hidden" name="surl" value="<?php echo $surl;?>" /><input type="submit" value="Submit" name="Login" class="submit" /> </td></tr>

</table>

</form>


</div><!--b2-->


</div><!--b2-->
</div><!--box1-->
</div><!--content-->
<div id="ft"><!--ft-->

<div id="footer"><!--footer-->

<div id="copy"><!--copy-->
Copyright @ 2012. &nbsp; All Right Reserved. 

</div><!--copy-->

</div><!--footer-->

</div><!--ft-->

</div><!--wrapcontent-->


</div><!--wrap-->
</body>
</html>
